<template>
  <div class="box" v-if="showBox">
    <h3>{{ name }}</h3>
    <p>{{ age }}</p>
    <ul>
      <li v-for="item in arr">{{ item }}</li>
    </ul>
  </div>
</template>

<script>

export default {
    data(){
        return {
            name:"John",
            age:31,
            arr:["reading","writing"]
        }
    }
}

</script>
